<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>小天才学习网</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="../static/banner/bootstrap.min.css">
    <script src="../static/banner/jquery.min.js"></script>
    <script src="../static/banner/popper.min.js"></script>
    <script src="../static/banner/bootstrap.min.js"></script>
    <style>
        /* Make the image fully responsive */
        .carousel-inner img {
            width: 100%;
            height: 416px;
        }
    </style>
    <meta name="keywords" content="IT培训,IT在线教育,IT易学网,职场培训,技术交易平台,CCNA,Java,数据库,ccnp,思科培训,华为培训,oracle培训">
    <meta name="description"
          content="小天才学习网是一个专注于综合IT技术领域的在线教育平台，互联网技术牛人通过在线、面授、一对一让你学习国内领先的IT技术，如：软件开发、数据库管理、云计算与虚拟化以及厂商认证与辅导等课程。">
    <meta name="baidu-site-verification" content="mRL2qjjCXa"/>
    <!--[if IE]>
    <meta http-equiv="X-UA-Compatible" content="IE=10,chrome=1"/><![endif]-->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

    <script type="text/javascript" th:src="@{/js/js/jquery.min.js}" src="/js/js/jquery.min.js"
            tppabs="http://www.yxit.net/js/js/jquery.min.js"></script>
    <script type="text/javascript" th:src="@{/js/cookies.js}" src="/js/cookies.js"
            tppabs="http://www.yxit.net/js/cookies.js"></script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "../../hm.baidu.com/hm.js-30981990609a2e4838988cb9a11d8faa"/*tpa=https://hm.baidu.com/hm.js?30981990609a2e4838988cb9a11d8faa*/;
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!--百度统计代码-->

    <!-- 右侧贴边导航购物车显示由quick_links.js控制 -->
    <!--[if lte IE 8]>
    <script src="js/ieBetter.js" tppabs="http://www.yxit.net/browse/js/ieBetter.js"></script>
    <![endif]-->
    <script type="text/javascript" src="/js/parabola.js" tppabs="http://www.yxit.net/js/parabola.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/base1.css" tppabs="http://www.yxit.net/css/base1.css"/>
    <script type="text/javascript" src="/common.js" tppabs="http://www.yxit.net/js/common.js"></script>
    <script type="text/javascript" src="/js/quick_links.js" tppabs="http://www.yxit.net/js/quick_links.js"></script>
    <script type="text/javascript" src="/js/validateUtil.js" tppabs="http://www.yxit.net/js/validateUtil.js"></script>
    <!--/ 右侧导航栏 -->
    <script type="text/javascript" src="/js/msgbox.js" tppabs="http://www.yxit.net/js/msgbox.js"></script>
    <link rel="icon" href="/images/yx-icon.png"/>
    <link href="/css/base.css" tppabs="http://www.yxit.net/css/base.css" rel="stylesheet" type="text/css"/>
    <link href="/css/shou.css" tppabs="http://www.yxit.net/css/shou.css" rel="stylesheet" type="text/css"/>
    <link href="/css/index.css" tppabs="http://www.yxit.net/css/index.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" href="/css/msgbox.css" tppabs="http://www.yxit.net/css/msgbox.css"/>
    <style>
        .hidde {
            disable: none
        }

        .disable {
            background-color: #dddddd
        }

        dl.kc .more {
            margin-top: 140px;
        }

        .quick_links_wrap {
            width: 40px;
        }

        .mui-mbar-tabs {
            width: 40px;
        }

        .bd img {
            display: block;
        }

        .text {
            width: 290px;
            padding-left: 10px;
            outline: none;
            padding-top: 5px;
            height: 35px;
            line-height: 35px;
            border: 1px solid #CCC;
            margin-bottom: 15px;
            font-size: 14px;
        }

        #new_account {
            float: right;
            margin-right: 30px;
            color: #01a29a;
        }

        #new_account:hover {
            color: #f00;
        }

        .tipPlace {
            position: absolute;
            color: #888;
            display: none;
        }

        #login_btn {
            background: #01a29a;
            border: none;
            width: 302px;
            color: #fff;
            font-size: 20px;
            height: 43px;
            margin-top: 10px;
            cursor: pointer;
        }
    </style>
    <script type="text/javascript" src="/js/main.js" tppabs="http://www.yxit.net/js/main.js"></script>
    <script src="js/md5.js" tppabs="http://www.yxit.net/js/md5.js" type="text/javascript"></script>
    <script src="js/base64.js" tppabs="http://www.yxit.net/js/base64.js" type="text/javascript"></script>
    <script>
        $(function () {
            $("#login_btn").click(function () {
                var username = $("#uname").val();
                var pass = $("#password").val();
                pass = MD5(pass);
                var p = encode64(username + pass);
                $.post("/login", {_p: p, ajax: 1}, function (data) {
                    if (data.result == 0) {
                        $('#cd-popup5').fadeOut(300);
                        $('#cd-popup5 .cd-popup-container').fadeOut(300);
                        clickautohide("登录成功", 2);
                        if (typeof (eventJudge) == "function") {
                            eventJudge(data);
                        } else {
                            location.reload();
                        }
                    } else {
                        clickautohide("帐号名或密码错误", 3);
                    }
                }, "json");
            });
            var winodwHeight = $(window).height();
            if (winodwHeight > $("body").height()) {
                $("body").css("min-height", winodwHeight + "px");
                $(".footer").css("top", $("body").height() - $(".footer").height() + "px");
            }
            document.onkeydown = function (e) {
                if (!e) {
                    e = window.event;/*火狐中是 window.event*/
                }
                if (((e.keyCode || e.which) == 13) && $("#cd-popup5").css("display") == "block") {
                    $("#login_btn").click();
                    /*监听回车提交*/
                }
            };
        });


    </script>
    <script type="text/javascript" src="../js/jquery.SuperSlide.2.1.1.js"
            tppabs="http://www.yxit.net/js/jquery.SuperSlide.2.1.1.js"></script>
    <script type="text/javascript" src="../js/main2.js" tppabs="http://www.yxit.net/js/main2.js"></script>
    <script type="text/javascript">
        function whenDocumentReady2() {
            $.ajax({
                type: "POST",
                url: "/userCenter/getLoginInfo",
                dataType: "json",
                success: function (data) {
                    if (data.message == 1) {
                        $("#header .left").html('<a href="../login.jsp.htm"/*tpa=http://www.yxit.net/login.jsp*/>请登录</a><a href="../userCenter/register.html"/*tpa=http://www.yxit.net/userCenter/register.html*/>免费注册</a>');
                        $("#leftNavigation").find(".reply_a").attr("href", "javascript:$('.cd-popup-trigger5').click();void(0);");
                    } else if (data.result == 2) {
                        var loginHtml = '<input id="top_user_login_tag" value="' + data.userId + '" type="hidden">';
                        loginHtml += '<a href="../loginOut.jsp.htm"/*tpa=http://www.yxit.net/loginOut.jsp*/>[退出登录]</a>';
                        loginHtml += '<a href="#0" onclick="getNewMessage();return false;"><span class="sp sp2">新消息(<font>0</font>)</span></a>';
                        loginHtml += '<span class="sp userNickName" title="' + data.nickName + '">' + data.nickName + '</span>';
                        loginHtml += '<span class="sp">积分：<font class="myInteger">' + data.integral + '</font></span>';
                        $("#header .left").html(loginHtml);
                        $(".cart_top_num").text(data.cartsSum);
                        $("#leftNavigation").find(".reply_a").attr("href", "../login.jsp.htm"/*tpa=http://www.yxit.net/userCenter/applyForTeacher.html*/);
                        long_polling();
                    } else {
                        /*clickautohide(data.message,1);*/
                    }
                }
            });
        }

    </script>
    <style>
        #header .top .left .sp {
            color: #878787;
            padding-right: 10px;
        }

        #header .top .left .sp font {
            color: #0ba29a;
        }

        #main1 .sale p {
            position: absolute;
            bottom: 0px;
            filter: alpha(opacity=80); /*IE滤镜，透明度80%*/
            -moz-opacity: 0.8; /*Firefox私有，透明度80%*/
            opacity: 0.8; /*其他，透明度80%*/
            background-color: #FFF;
        }
    </style>
    <link href="/css/common/wishListCourse-index.css" tppabs="http://www.yxit.net/css/common/wishListCourse-index.css"
          rel="stylesheet" type="text/css"/>
</head>
<body>
<link rel="stylesheet" href="/css/style1.css" tppabs="http://www.yxit.net/css/style1.css"/>
<script type="text/javascript" src="/js/js/jquery.qqFace.js"
        tppabs="http://www.yxit.net/js/js/jquery.qqFace.js"></script>
<script type="text/javascript" src="/js/scrollbar/jquery.slimscroll.js"
        tppabs="http://www.yxit.net/js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript">
    /*登录*/
    jQuery(document).ready(function ($) {
        /*open popup*/
        $('.cd-popup-trigger5').on('click', function (event) {
            if (!setCurrentLine($(this))) {
                return false;
            }
            event.preventDefault();
            $('#cd-popup5').fadeIn(300);
            $('#cd-popup5 .cd-popup-container').fadeIn(300);
            $('#cd-popup5').find("input:text,textarea").val("");
            if ($("#password").length > 0) {
                $("#password").val("");
            }
        });

        /*close popup*/
        $('#cd-popup5').on('click', function (event) {
            if ($(event.target).is('.cd-popup-close') || $(event.target).is('#cd-popup5')) {
                event.preventDefault();
                $(this).fadeOut(300);
                $('#cd-popup5 .cd-popup-container').fadeOut(300);
            }
        });
        /*close popup when clicking the esc keyboard button*/
        $(document).keyup(function (event) {
            if (event.which == '27') {
                $('#cd-popup5').fadeOut(300);
                $('#cd-popup5 .cd-popup-container').fadeOut(300);
            }
        });
    });
</script>
<!-- 头部 -->
<div id="header">
    <div class="top">
        <div class="left">
            <a href="#" >[[${session.USER.empName}]]</a>
            <a th:onclick="'qian('+${session.USER.id}+')'" href="javascript:void(0)">每日签到</a>
            <a href="/exit">[退出登录]</a>
        </div>

        <div class="right">
            <a href="/study/index">首页</a>
            <a th:href="@{/study-employee/study_person(id=${session.USER.id})}">个人信息</a>
            <a th:href="@{/sel(id=${session.USER.id})}">我的收藏夹</a>
        </div>
    </div>
</div>
<!--首页头部 -->
<link href="../css/prettify.css" tppabs="http://www.yxit.net/css/prettify.css" type="text/css" rel="stylesheet"/>
<script type="text/javascript" src="../js/scrollbar/prettify.js"></script>
<script type="text/javascript" src="../js/scrollbar/jquery.slimscroll.js"></script>
<script type="text/javascript" src="../js/appraisePage.js"></script>
<script type="text/javascript" src="../js/navigation.js"></script>
<div id="index_top">
    <!-- 导航-->
    <div id="nav">
        <ul class="menu">
            <li class='now'><a href="/study/index">首页</a>
                <div class="now_top"></div>
            </li>
            <li><a href="video.html">视频</a></li>
            <li><a th:href="'/study-examination/k1/'+${session.USER.empDepId}">考试</a></li>
        </ul>
    </div>
    <!--/导航-->
</div>
<!-- 首页头部结束 -->

<script>
    function whenDocumentReady3() {
        /*加载购物车*/
        loadingShoppingCart();
    }

    /*
        搜索商品的分页
    */
    /*到第N页*/
    function top_topage(n) {
        $(".top_pageForm").find(".top_page").val(n);
        $(".top_pageForm").submit();
    }

    /*跳转至第N页*/
    function top_turnpage() {
        var pagenum = $("#top_pagenum").val();
        var maxPage = $(this).attr("id");
        if (pagenum == "" || pagenum > maxPage) {
            pagenum = maxPage;
        }
        topage(pagenum);
    }
</script>
<div id="demo" class="carousel slide" data-ride="carousel">

    <!-- 指示符 -->
    <ul class="carousel-indicators">
        <li data-target="#demo" data-slide-to="0" class="active"></li>
        <li data-target="#demo" data-slide-to="1"></li>
        <li data-target="#demo" data-slide-to="2"></li>
    </ul>

    <!-- 轮播图片 -->
    <div class="carousel-inner">
        <div class="carousel-item active">
            <ul>
                <li th:each="banner :${bannerlist}"><a href="javascript:;">
                    <img th:src="${banner.getBannerPath()}"/></a></li>
            </ul>
        </div>
        <div class="carousel-item">
            <img src="https://s1.ax1x.com/2020/07/23/UOHvKf.jpg"/></a></li>
        </div>
        <div class="carousel-item">
            <img src="https://s1.ax1x.com/2020/07/23/UOHO2t.jpg"/></a></li>
        </div>
    </div>

    <!-- 左右切换按钮 -->
    <a class="carousel-control-prev" href="#demo" data-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </a>
    <a class="carousel-control-next" href="#demo" data-slide="next">
        <span class="carousel-control-next-icon"></span>
    </a>

</div>

<div id="main2">
    <!-- 问答 -->
    <div class="wenda">
        <dl>
            <dt>公告</dt>
            <dd>
                <ul>
                    <tbody th:each="list:${list}">
                    <li>[[${list.noticeTitle}]]</li>
                    </tbody>
                </ul>


            </dd>
        </dl>
    </div>
    <!--/问答  -->

    <!--国际IT认证推荐 -->
    <div class="guoji">
        <dl>
            <dt>最新课程</dt>
            <dd>
                <ul>
                    <li th:each="video :${videolist}" class="right">
                        <a><img th:src="${video.getPicPath()}"
                                height="218"
                                width="218"/></a>
                        <div class="bottom"><span class="span1">[[${video.getName()}]]</span>
                            <p class="span3">所属类型：[[${video.studyCourseType.courseTypeName}]]</p>
                            <p class="span3">所属部门：[[${video.studyDepartment.depName}]]</p></div>
                        <a class="interbtn">查看详情</a>
                    </li>
                </ul>
            </dd>
        </dl>
    </div>
</div>


<div id="main1">
    <div style="height:768px;overflow:hidden;width:240px;float:left;border-bottom:1px solid #ccc;">
        <!-- 销售排行 -->
        <div class="sale sale2">
            <dl>
                <dt>热门商品</dt>
                <dd><img th:src="@{/images/2.jpg}" th:width="200" th:high="200"/></dd>
                <dd><img th:src="@{/images/云计算.jpg}" th:width="200" th:high="200"/></dd>
                <dd><img th:src="@{/images/redis.jpg}" th:width="200" th:high="200"/></dd>
            </dl>
        </div>
        <!--/销售排行-->
    </div>
    <!-- 热门课程推荐 -->
    <style type="text/css">
        /* 本例子css */
        .slideTxtBox {
            width: 940px;
            text-align: left;
            float: right;
            height: 770px;
        }

        .slideTxtBox .hd {
            height: 30px;
            line-height: 30px;
            border-bottom: 3px solid #0ba29a;
        }

        .slideTxtBox .hd ul {
            float: right;
            height: 32px;
            line-height: 35px;
        }

        .slideTxtBox .hd ul li {
            float: left;
            padding: 0 3px;
            cursor: pointer;
        }

        .slideTxtBox .hd ul li.on {
            height: 30px;
            color: #0ba29a;
        }


        .slideTxtBox .hd ul li.on span {
            color: #000;
        }

        .slideTxtBox .bd ul {
            padding-top: 18px;
        }

        .slideTxtBox .bd li {
            height: 338px;
            width: 218px;
            float: left;
            margin-right: 20px;
            border: 1px solid #e7e7e7;
            margin-bottom: 23px;
            position: relative;
        }

        .slideTxtBox .bd li:hover {
            border: 1px solid #0ba29a;
        }

        .slideTxtBox .bd li img {
            width: 218px;
        }

        .slideTxtBox .bd .right {
            margin-right: 15px;
        }

        .slideTxtBox .bd li .bottom {
            width: 205px;
            border-top: none;
            padding-top: 10px;
            padding-left: 15px;
            height: 108px;
            margin-top: -5px;
            font-size: 14px;
        }

        .slideTxtBox .bd li .bottom1 {
            width: 203px;
            padding-top: 10px;
            padding-left: 15px;
            height: 108px;
            margin-top: 0px;
            font-size: 14px;
            border-top: 1px solid #ccc;
        }

        .slideTxtBox .bd li .bottom1 span {
            display: block;
            padding-bottom: 7px;
            width: 200px;
            text-align: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .slideTxtBox .bd li .bottom span {
            display: block;
            padding-bottom: 10px;
            width: 200px;
            text-align: left;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }

        .slideTxtBox .bd li .bottom .span1, .slideTxtBox .bd li .bottom1 .span1 {
            font-size: 12px;
            color: #595757;
        }

        .slideTxtBox .bd li .bottom .span2, .slideTxtBox .bd li .bottom .span3, .slideTxtBox .bd li .bottom1 .span3 {
            font-size: 12px;
            color: #595757;
            width: 190px;
            float: left;
        }

        .slideTxtBox .bd li .bottom .span4, .slideTxtBox .bd li .bottom .span5 {
            font-size: 12px;
            color: #595757;
            width: 190px;
            float: left;
            padding-right: 3px;
        }

        .slideTxtBox .bd li .bottom .span3 font, .slideTxtBox .bd li .bottom1 .span3 font {
            float: right;
        }

        .slideTxtBox .bd li .bottom .span5 {
            width: 65px;
            padding-right: 0px;
        }

        .slideTxtBox .bd li .bottom .span2 {
            padding-right: 3px;
        }

        .slideTxtBox .bd li .bottom a, .slideTxtBox .bd li .bottom1 a {
            position: absolute;
            display: block;
            font-size: 12px;
            padding: 3px 10px;
            background: #0ba29a;
            color: #fff;
            right: 8px;
            bottom: 8px;
            border: 0;
            border-radius: 3px;
        }

        .slideTxtBox .bd li .bottom span3 {
        }

        .slideTxtBox .bd li .bottom1 .buttom1 {
            margin-top: -15px;
            margin-left: 17px;
        }

        .slideTxtBox .bd li .bottom a:hover, .slideTxtBox .bd li .bottom1 a:hover {
            background: #0ba29a;
            color: #FFF;
        }

        .slideTxtBox .arrow {
            float: left;
            font-size: 21px;
            color: #0ba29a;
        }

    </style>
    <div class="slideTxtBox">
        <div class="hd">

            <span class="arrow">热门课程推荐</span>

            <ul>
                <li>选修<span> /</span></li>
                <li>必修</li>
            </ul>
        </div>
        <div class="bd">
            <!-- 在线 -->
            <ul>
                <li th:each="xl :${xlist}" class="right">
                    <a><img th:src="${xl.getPicPath()}" height="220" width="219"/></a>
                    <div class="bottom">
                        <span>[[${xl.getName()}]]</span>
                        <span class="span2">所属类型：[[${xl.studyCourseType.courseTypeName}]]</span>
                        <p class="span3">所属部门：[[${xl.studyDepartment.depName}]]</p>
                        <a th:href="@{/study-course/details/}+${xl.id}">查看详情</a>
                    </div>
                </li>
            </ul>
            <!--/在线-->

            <!-- 面授 -->
            <ul>
                <li th:each="bl :${blist}" class="right">
                    <a><img th:src="${bl.getPicPath()}" height="220" width="219"/></a>
                    <div class="bottom">
                        <span>[[${bl.getName()}]]</span>
                        <span class="span2">所属类型：[[${bl.studyCourseType.courseTypeName}]]</span>
                        <p class="span3">所属部门：[[${bl.studyDepartment.depName}]]</p>
                        <a th:href="@{/study-course/details/}+${bl.id}">查看详情</a>
                    </div>
                </li>
            </ul>
            <!--/面授-->
        </div>
    </div>
    <script type="text/javascript">jQuery(".slideTxtBox").slide({trigger: "click"});</script>
    <!--/热门课程推荐 -->

</div>

<div id="main3">
    <!-- 面授 -->
    <div class="mianshou">
        <dl>
            <dt>最新求学<a href="../study.htm" tppabs="http://www.yxit.net/study.htm" class="more">更多>></a></dt>
            <dd>
                <ul>
                    <li><a href="../study.htm-categoryId=49.htm" tppabs="http://www.yxit.net/study.htm?categoryId=49"
                           title="HCNA">▪ HCNA求学</a><span>13人</span></li>
                    <li><a href="../study.htm-categoryId=135.htm" tppabs="http://www.yxit.net/study.htm?categoryId=135"
                           title="思科">▪ 思科求学</a><span>10人</span></li>
                    <li><a href="../study.htm-categoryId=16.htm" tppabs="http://www.yxit.net/study.htm?categoryId=16"
                           title="Java">▪ Java求学</a><span>10人</span></li>
                    <li><a href="../study.htm-categoryId=33.htm" tppabs="http://www.yxit.net/study.htm?categoryId=33"
                           title="CCNA">▪ CCNA求学</a><span>9人</span></li>
                    <li><a href="../study.htm-categoryId=154.htm" tppabs="http://www.yxit.net/study.htm?categoryId=154"
                           title="Photoshop">▪ Photoshop求学</a><span>9人</span></li>
                    <li><a href="../study.htm-categoryId=43.htm" tppabs="http://www.yxit.net/study.htm?categoryId=43"
                           title="OCP">▪ OCP求学</a><span>8人</span></li>
                    <li><a href="../study.htm-categoryId=11.htm" tppabs="http://www.yxit.net/study.htm?categoryId=11"
                           title="C">▪ C求学</a><span>6人</span></li>
                    <li><a href="../study.htm-categoryId=12.htm" tppabs="http://www.yxit.net/study.htm?categoryId=12"
                           title="C++">▪ C++求学</a><span>5人</span></li>
                    <li>
                        <a href="javascript:if(confirm('http://www.yxit.net/2191.htm  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ������, �����������, ����Ŀ����ֹͣ��  \n\n�����ڷ������ϴ���?'))window.location='http://www.yxit.net/2191.htm'"
                           tppabs="http://www.yxit.net/study.htm?categoryId=76" title="OCP">▪ OCP求学</a><span>3人</span>
                    </li>
                    <li><a href="../study.htm-categoryId=50.htm" tppabs="http://www.yxit.net/study.htm?categoryId=50"
                           title="HCNP">▪ HCNP求学</a><span>3人</span></li>
                </ul>
            </dd>
        </dl>
    </div>
    <!--/ 面授 -->

    <!-- 1对1辅导 -->
    <div class="fudao">
        <dl>
            <dt>商品<a href="/study-commodity/getcommoditylist" class="more">更多>></a></dt>
            <dd>
                <ul style="width: 1000px">
                    <li th:each="commod:${commodities}">
                        <div class="top">
                            <a href=""><img th:src="${commod.commodityImage}"
                                            height="220" width="218"/></a>
                        </div>

                        <div class="bot">
                            <span class="span1">[[${commod.commodityName}]]</span>
                            <div class="span3" style="margin-left: 8px">
                                <p class="span2">库存：[[${commod.commodityCont}]]<font>所需积分:￥[[${commod.commodityIntegral}]]</font>
                                </p>
                            </div>
                            <a th:href="@{/study-commodity/getcommodity/}+${commod.id}">立即购买</a>
                        </div>

                    </li>
                </ul>
            </dd>
        </dl>
    </div>
    <!--/ 1对1辅导 -->
</div>
<div class="footer">
    <div class="footer-main">
        <div class="footer-link">
            <h4>交流合作</h4>
            <ul>
                <li><a href="../common/help/aboutUs.html" tppabs="http://www.yxit.net/common/help/aboutUs.html">关于我们</a>
                </li>
                <li><a href="../common/help/contactUs.html"
                       tppabs="http://www.yxit.net/common/help/contactUs.html">联系我们</a></li>
                <li><a href="../common/help/advService.html" tppabs="http://www.yxit.net/common/help/advService.html">广告合作
                </li>
                <li><a href="../common/help/disclaimer.html" tppabs="http://www.yxit.net/common/help/disclaimer.html">免责申明</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>帮助中心</h4>
            <ul>
                <li><a href="../wd.htm" tppabs="http://www.yxit.net/wd.htm">技术问答</a></li>
                <li><a href="../common/help/afterSale.html"
                       tppabs="http://www.yxit.net/common/help/afterSale.html">售后帮助</a></li>
                <li><a href="../common/help/refundRule.html" tppabs="http://www.yxit.net/common/help/refundRule.html">退款帮助</a>
                </li>
                <li><a href="../sitemap.html" tppabs="http://www.yxit.net/sitemap.html">网站地图</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是学员</h4>
            <ul>
                <li><a href="../common/help/buyGoods.html"
                       tppabs="http://www.yxit.net/common/help/buyGoods.html">如何学习</a></li>
                <li><a href="../study.htm" tppabs="http://www.yxit.net/study.htm">抱团学习</a></li>
                <li><a href="../login.jsp.htm" tppabs="http://www.yxit.net/userCenter/purchasedGoodsList.html">我的课程</a>
                </li>
                <li><a href="../question/myQuestion.html" tppabs="http://www.yxit.net/question/myQuestion.html">我的问答</a>
                </li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是讲师</h4>
            <ul>
                <li><a href="../common/help/teacherRegister.html"
                       tppabs="http://www.yxit.net/common/help/teacherRegister.html">讲师入驻</a></li>
                <li><a href="../common/help/issueFaceCourse.html"
                       tppabs="http://www.yxit.net/common/help/issueFaceCourse.html">发布课程</a></li>
                <!--<li><a href="/question/myQuestion.html">如何开课</a></li>-->
                <li><a href="../common/help/studyhelp.html"
                       tppabs="http://www.yxit.net/common/help/studyhelp.html">寻找学员</a></li>
            </ul>
        </div>
        <div class="footer-link">
            <h4>我是企业</h4>
            <ul>
                <li><a href="../common/help/aboutSchool.html" tppabs="http://www.yxit.net/common/help/aboutSchool.html">关于入驻</a>
                </li>
                <li><a href="../common/help/toBeSchool.html" tppabs="http://www.yxit.net/common/help/toBeSchool.html">学校入驻</a>
                </li>
                <li><a href="../common/help/schooldeco.html" tppabs="http://www.yxit.net/common/help/schooldeco.html">学校装修</a>
                </li>
                <li><a href="../common/help/marketcenter.html"
                       tppabs="http://www.yxit.net/common/help/marketcenter.html">营销中心</a></li>
            </ul>
        </div>
    </div>
    <p class="footer-record">Copyright ©2015-2020 博睿（广州）科技有限公司 地址： <a>广州市天河区科韵路棠安路188号</a> 邮编：<a>510000</a> 网站备案号： <a
            href="javascript:if(confirm('http://beian.miit.gov.cn/  \n\n���ļ��޷��� Teleport Ultra ����, ��Ϊ ����һ�����·���ⲿ������Ϊ������ʼ��ַ�ĵ�ַ��  \n\n�����ڷ������ϴ���?'))window.location='http://beian.miit.gov.cn/'"
            tppabs="http://beian.miit.gov.cn/" target="_blank">粤ICP备17128079号-2</a></p>
    <style>
        .footer {
            width: 100%;
            background: #2e2e2e;
            padding-bottom: 20px;
            overflow: auto;
        }

        .footer-main {
            width: 1140px;
            margin: 0 auto;
            margin-top: 20px;
            border-top: 1px solid #fff;
            border-bottom: 1px solid #fff;
            padding: 30px 30px 0;
            text-align: center;
            overflow: auto;
        }

        .footer-main .footer-link {
            width: 140px;
            line-height: 35px;
            float: left;
            margin-bottom: 20px;
        }

        .footer-main .footer-link h4 {
            font-size: 16px;
            color: #fff;
        }

        .footer-main .footer-link a {
            color: #fff;
        }

        .footer-contact {
            width: 400px;
            float: right;
        }

        .footer-contact-num {
            width: 370px;
            height: 40px;
            border: 1px solid #edd70d;
            padding: 10px;
            text-align: left;
        }

        .footer-contact-num label {
            float: left;
            width: 40px;
            height: 40px;
        }

        .footer-contact-num p {
            float: left;
            line-height: 45px;
            color: #fff;
            font-size: 16px;
            margin: 0 10px
        }

        .contact-img {
            width: 45px;
            height: 45px;
            margin: 20px 20px 0;
        }

        #weichatDiv {
            position: absolute;
            display: none;
        }

        #weichatDiv img {
            position: absolute;
            left: 137px;
            top: -44px;
            border: 5px solid #fff;
        }

        .footer-record {
            text-align: center;
            font-size: 12px;
            color: #fff;
            margin-top: 10px;
        }

        .footer-record a {
            color: #fff;
        }
    </style>
    <script type="text/javascript">
        function whenDocumentReady3() {
            $("#weiChat-img").hover(function (event) {
                $("#weichatDiv").fadeIn(300);
            }, function (event) {
                $("#weichatDiv").fadeOut(300);
            });
        }
    </script>
</div>
<div style="display:none;">
    <script type="text/javascript">
        var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
        document.write(unescape("%3Cspan id='cnzz_stat_icon_1257031534'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s4.cnzz.com/z_stat.php%3Fid%3D1257031534' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <!--弹出框-->
    <!--==================================-->
    <link rel="stylesheet" type="text/css" href="https://www.huangwx.cn/css/sweetalert.css">
    <script type="text/javascript" src="https://www.huangwx.cn/js/sweetalert-dev.js"></script>
    <!--=========================================-->
    <script>
        function qian(empid) {
            $.ajax({
                type: "get",
                url: "/study-integral/signin/" + empid,
                success:
                    function (date) {
                        /* location.href="/study/index";*/
                        swal(date)
                        /* alert(date)*/
                    }
            });
        }
    </script>
</div>
<style>

    #report_link {
        z-index: 1000;
        cursor: pointer;
        position: fixed;
        text-decoration: none;
        right: 20px;
        bottom: 46px;
        width: 37px;
        height: 38px;
        background: url(//img1.bdstatic.com/static/searchresult/img/result-huge-bg_2c8c18f.png) no-repeat 1px -37px;
        _background-image: url(//img0.bdstatic.com/img/image/imgsearch/normal/result-huge-bg-ie6.png);
        z-index: 999
    }

    #report_link:hover {
        background-position: -37px -37px
    }

    .btn-inner-text {
        display: none;
        text-decoration: none;
        color: #fff;
        text-align: center;
        position: relative;
        width: 35px;
        top: 37px;
        left: 1px;
        line-height: 15px;
        font-family: "寰蒋闆呴粦", "瀹嬩綋", Arial
    }

    #backTop:hover .btn-inner-text, #report_link:hover .btn-inner-text {
        display: block
    }

    * html {
    }

    * html #backTop {
        _position: absolute;
        _top: expression(documentElement.scrollTop+documentElement.clientHeight-175);
        _right: 8px
    }

    * html
    #report_link {
        _position: absolute;
        _top: expression(documentElement.scrollTop+documentElement.clientHeight-93);
        _right: 8px
    }
</style>
<script type="text/javascript" th:src="@{js/jquery.min.js}" src="js/jquery.min.js"></script>
<script type="text/javascript" th:src="@{js/bootstrap.min.js}" src="js/bootstrap.min.js"></script>
<script type="text/javascript" th:src="@{js/perfect-scrollbar.min.js}" src="js/perfect-scrollbar.min.js"></script>
<script type="text/javascript" th:src="@{js/main.min.js}" src="js/main.min.js"></script>
<script type="text/javascript">
    $('#exampleModal').on('show.bs.modal', function (event) {
        var button = $(event.relatedTarget)
        var recipient = button.data('whatever')
        var modal = $(this)
        modal.find('.modal-title').text('发送新消息给 ' + recipient)
        modal.find('.modal-body input').val(recipient)
    })
</script>

<link th:href="@{css/bootstrap.min.css}" href="css/bootstrap.min.css" rel="stylesheet">
<link th:href="@{css/materialdesignicons.min.css}" href="css/materialdesignicons.min.css" rel="stylesheet">
<link th:href="@{css/style.min.css}" href="css/style.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>

<a id="report_link" class="btn btn-primary btn-primary btn-lg" data-target="#myModal" data-toggle="modal"
   data-whatever="@mdo" data-title="反馈图片">
    <div class="btn-inner-text">反馈</div>
</a>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    问题反馈
                </h4>
            </div>
            <div class="modal-body">
                <form id="formproblem">
                    <div class="form-group">
                        <input name="problemState" value="2" type="hidden">
                        <input type="hidden" name="problemEmpId" th:value="${session.USER.id}">
                        <label for="recipient-name" class="control-label">问题标题：</label>
                        <input name="problemTitle" type="text" class="form-control" id="recipient-name">
                    </div>
                    <div class="form-group">
                        <label for="message-text" class="control-label">问题详情：</label>
                        <textarea name="problemParticulars" class="form-control" id="message-text"></textarea>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                </button>
                <button type="button" onclick="submitproblem()" class="btn btn-primary">
                    提交反馈
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<script>
    function submitproblem() {
        alert($("#formproblem").serialize())
        $.ajax({
            type: "post",
            url: "/study-problem/submitproblem",
            data: $("#formproblem").serialize(),
            success:
                function (date) {
                    alert(date)
                    location.href = "/study/index";
                }
        });
    }
</script>
<!--
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="exampleModalLabel">新消息</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">发送消息</button>
            </div>
        </div>
    </div>
</div>

-->


</body>
</html>
